<template>
    <div class="profil">
        <profile-navbar></profile-navbar>
        <scroll class="scroll"
                ref="scroll"
                :probe-type="3"
                :pull-up-load="true">
            <ProfileHead></ProfileHead>
            <ProfileText></ProfileText>
            <ProfileIntroduce></ProfileIntroduce>
            <ProfileEnd></ProfileEnd>
        </scroll>
    </div>
</template>

<script>
    import ProfileNavbar from "@/views/profile821/childprofile821/ProfileNavbar821";
    import ProfileHead from "@/views/profile821/childprofile821/ProfileHead821";
    import ProfileText from "@/views/profile821/childprofile821/ProfileText821";
    import ProfileIntroduce from "@/views/profile821/childprofile821/ProfileIntroduce821";
    import Scroll from "@/components/common/scroll/Scroll";
    import ProfileEnd from "@/views/profile821/childprofile821/ProfileEnd821";
    export default {
        name: "profile",
        components:{
            ProfileNavbar,
            ProfileHead,
            ProfileText,
            ProfileIntroduce,
            Scroll,
            ProfileEnd
        }
    }
</script>

<style scoped>
    .profil{
        height: 100vh;
    }
    .scroll{
        height: calc(100% - 49px - 49px);
        overflow:hidden;
    }
</style>